<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>

	<title>TravelDream</title>

	<!-- Approccio mobile first usato da foundation -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<!-- Fogli di stile CSS con il mio foglio di stile dichiarato dopo quelli di foundation per sovrascrivere con modifiche mie-->
	<link rel="stylesheet" href="../css/normalize.css" />
	<link rel="stylesheet" href="../css/foundation.css" />
	<link rel="stylesheet" href="../css/tdStyle.css" />

	<!-- Modernizr -->
	<script src="js/vendor/custom.modernizr.js"></script>
	<!-- Serve a internet explorer 8 poiche non supportato da Foundation 5 -->
	<script>
		Modernizr.load({
    		test: Modernizr.mq('only all'),
    		nope: '../js/vendor/respond.min.js'
		});
	</script>
</h:head>
<h:body>

	<div id="header">

		<div class="large-12columns">
			<div id="logo" class="large-6 columns">
				<a href="index.xhtml"><img src="../images/TdWebWorld.png"
					width="150" height="150" alt="" title="" border="0" /></a>
			</div>

			<div class="large-6 columns"
				style="text-align: right; padding: 50px 50px 0px 0px">
				<h3 style="color: #2f9cc6">Welcome in the user section</h3>

			</div>
		</div>
	</div>
	<div id="main_content" style="padding-top: 45px;">
		<h1>Hello User</h1>
		<h:form>
			<h:link outcome="gestioneGiftList" value="Gestisci gift list" />
			<br />
			<h:link outcome="creaGiftList" value="Crea gift list" />
			<br />
			<h:link outcome="listpack" value="Visualizza pacchetti creati" />
			<br />
			<h:link outcome="creaPacchetto" value="Crea e acquista un pacchetto" />
			<br />
			<h:link outcome="quickResearch" value="Ricerca rapida PB e pacchetti" />
			<br />
			<h:commandButton action="#{logoutBean.logout}" value="Logout" />
		</h:form>
	</div>
	<!-- Foundation adotta come libreria di appoggio jQuery-->
	<script src="/js/vendor/jquery.js"></script>
	<script src="/js/vendor/fastclick.js"></script>
	<!-- Carico librerie javascript, per ora ho caricato intera libreria minimale
	 invece che unicamente i plugin ncessari -->
	<script src="js/foundation.min.js"></script>
	<script src="js/foundation.orbit.js"></script>

	<script>
		$(document).foundation();
	</script>

</h:body>
</html>